<div class="why-choose-section">
    <div class="container">
        <div class="row">
            <div class="col-md-offset-1 col-md-10 text-center">
                <h1 class="heading-title">{$config.title}</h1>
                <h4 class="sub-title mb30">{$config.secondTitle}</h4>
                <p>{$config.phase}</p>
            </div>
        </div>
        <div class="row">
            {volist name="lists" id="data"}
            <div class="col-md-3 col-sm-6">
                <div class="why-choose-box">
                    <div class="why-icon-box">
                        <i class="{$data.icon}"></i>
                    </div>
                    <div class="why-choose-content">
                        <div class="why-heading counter">{$data.second_title}</div>
                        <div class="why-sub-heading">{$data.title}</div>
                    </div>
                </div>
            </div>
            {/volist}
        </div>
    </div>
</div>